$(".operation--previous").click(() => {

	$(".img-list--small").css("left", "0px")

	$(".operation--previous").css("opacity", "0.5")
	$(".operation--next").css("opacity", "1")
})
$(".operation--next").click(() => {

	$(".img-list--small").css("left", "-120px")
	$(".operation--next").css("opacity", "0.5")
	$(".operation--previous").css("opacity", "1")

})
//放大镜
$(".big-item").mouseenter(() => {
	$(".big-item").mousemove((e) => {
		let x = e.pageX - $(".big-item").offset().left - $(".smlla").width() / 2
		let y = e.pageY - $(".big-item").offset().top - $(".smlla").height() / 2
		// console.log(x);

		if (x < 0) {
			x = 0
		}
		if (y < 0) {
			y = 0
		}

		if (x > $(".big-item").width() - $(".smlla").width()) {
			x = $(".big-item").width() - $(".smlla").width()
		}
		if (y > $(".big-item").height() - $(".smlla").width()) {
			y = $(".big-item").height() - $(".smlla").width()
		}

		$(".smlla").css({
			"left": x,
			"top": y
		})
		$(".big img").css({
			"left": -2 * x,
			"top": -2 * y
		})

	})

})
//点击换图
$(".small-item").click(function(){
	
	$(".img-list--big .big-item img").attr("src",`${$(this).children().eq(0).attr("src")}`)
	$(".big img").attr("src",`${$(this).children().eq(0).attr("src")}`)
})
//    cursor: not-allowed;
var i =1
$("[type=number]").val(i)
$(".disablednum").click(function(){
	i++
	$("[type=number]").val(i)
	$(".disabled").removeAttr("disabled")
	$(".disabled").css("cursor","pointer")
	if(i==5){
		console.log(i);
		$(".disablednum").attr("disabled","disabled")
		$(".disablednum").css("cursor","not-allowed")
	}
})
$(".disabled").click(function(){
	i--
	$(".disablednum").removeAttr("disabled")
	$(".disablednum").css("cursor","pointer")
	$("[type=number]").val(i)
	if(i==1){
		$(".disabled").attr("disabled","disabled")
		$(".disabled").css("cursor","not-allowed")
	}
})
